<!doctype html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">

<head>
    <!--====== Title ======-->
    <title th:text="${chengyu.chengyu+'解释用法-古诗词文网'}"></title>
    <meta name="keywords" th:content="${chengyu.chengyu+' 解释：'+chengyu.jieshi+'。 成语大全 成语故事'}">
    <meta name="description" th:content="${chengyu.chengyu+' 出处：'+chengyu.chuchu+''}">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta http-equiv="Cache-Control" content="no-transform " />
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />

    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!--====== Favicon Icon ======-->
    <link rel="shortcut icon" href="/assets/images/favicon.png" type="image/png">

    <!--====== Animate CSS ======-->
    <link rel="stylesheet" href="/assets/css/animate.css">

    <!--====== Glide CSS ======-->
    <link rel="stylesheet" href="/assets/css/glide.core.css">

    <!--====== Line Icons CSS ======-->
    <link rel="stylesheet" href="/assets/css/LineIcons.2.0.css">

    <!--====== Bootstrap CSS ======-->
    <link rel="stylesheet" href="/assets/css/bootstrap-5.0.5-alpha.min.css">

    <!--====== Default CSS ======-->
    <link rel="stylesheet" href="/assets/css/default.css">

    <!--====== Style CSS ======-->
    <link rel="stylesheet" href="/assets/css/style.css">
    <link rel="stylesheet" href="/assets/css/self.css">

</head>

<body>

<!--====== PRELOADER PART START ======-->

<div class="preloader">
    <div class="loader">
        <div class="ytp-spinner">
            <div class="ytp-spinner-container">
                <div class="ytp-spinner-rotator">
                    <div class="ytp-spinner-left">
                        <div class="ytp-spinner-circle"></div>
                    </div>
                    <div class="ytp-spinner-right">
                        <div class="ytp-spinner-circle"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!--====== PRELOADER PART ENDS ======-->

<!--====== HEADER PART START ======-->

<section id="home" class="header_area">
    <div id="header_navbar" class="header_navbar">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="/">
                            <img id="logo" src="/assets/images/logo.png" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>

                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                            <div class="search">
                                <form action="/search" onsubmit="return selectSearch()" contenttype="text/html; charset=utf-8">
                                    <input id="searchKey" name="searchVal" type="text"  maxlength="40" autocomplete="off" style="height:32px; line-height:32px; float:left; padding-left:5px; width:260px; font-size:14px; clear:left; border:0px;">
                                    <input type="submit" style="float:right; width:24px; height:35px; clear:right; margin-top:5px; margin-right:3px; background-image:url(/assets/images/docSearch.png); background-repeat:no-repeat; background-size:24px 24px; background-color: #fbfaf6; border:0px;cursor:pointer;" value="">
                                </form>
                            </div>
                            <ul id="nav" class="navbar-nav ml-auto">
                                <li class="nav-item">
                                    <a class="page-scroll" href="/">推荐</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/poems">诗文</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/mingju">名句</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="/authors">作者</a>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll active" href="/chengyu">成语</a>
                                </li>
                            </ul>
                        </div> <!-- navbar collapse -->
                    </nav> <!-- navbar -->
                </div>
            </div> <!-- row -->
        </div> <!-- container -->
    </div> <!-- header navbar -->

    <div class="header_hero">

    </div> <!-- header hero -->
</section>
<!--====== HEADER PART ENDS ======-->
<section id="poetry-tuijian" class="pt-90 pb-130" style="background-color: #E1E0C7;">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 col-md-8 col-lg-8 col-xl-8">

                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry" th:if="${chengyu==null}">
                    <div class="col-7 poetry-title">
                        抱歉：没有更多相关成语数据。
                    </div>
                </div>
                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry">
                    <div class="col-12 poetry-title">
                        <a th:href="${'/chengyu/'+chengyu.code}" th:utext="${chengyu.chengyu}"></a>
                    </div>
                    <div class="col-12 chengyu-body">
                        <p th:utext="${'<label>读音：</label>'+chengyu.duyin}" class="mt-2" style="font-weight: 700;"></p>
                        <p th:if="${chengyu.fanti}" th:utext="${'<label>繁体：</label>'+chengyu.fanti}" class="mt-2"></p>
                        <p th:if="${chengyu.jieshi}" th:utext="${'<label>释义：</label>'+chengyu.jieshi}" class="mt-2"></p>
                        <p th:if="${chengyu.chuchu}" th:utext="${'<label>出处：</label>'+chengyu.chuchu}" class="mt-2"></p>
                        <p th:if="${chengyu.zaoju}" th:utext="${'<label>造句：</label>'+chengyu.zaoju}" class="mt-2"></p>
                        <p th:if="${chengyu.jinyici}" th:utext="${'<label>近义词：</label>'+chengyu.jinyici}" class="mt-2"></p>
                        <p th:if="${chengyu.fanyici}" th:utext="${'<label>反义词：</label>'+chengyu.fanyici}" class="mt-2"></p>
                        <p th:if="${chengyu.secai}" th:utext="${'<label>色彩：</label>'+chengyu.secai}" class="mt-2"></p>
                        <p th:if="${chengyu.jiegou}" th:utext="${'<label>成语结构：</label>'+chengyu.jiegou}" class="mt-2"></p>
                        <p th:if="${chengyu.xingshi}" th:utext="${'<label>成语形式：</label>'+chengyu.xingshi}" class="mt-2"></p>
                    </div>
                </div>

                <div class="row mt-20 pt-20 pb-20 pl-3 pr-3 poetry">
                    <div class="col-12 poetry-title text-center">
                        <a href="/mingju" alt="名句推荐" title="名句推荐">名句推荐</a>
                    </div>
                    <div class="col-12 poetry-body mingju" th:each="mingju:${mingjuList}">
                        <a th:href="${'/mingju/'+mingju.id}" th:title="${mingju.body}" th:text="${mingju.body}"></a>
                        ----摘自：
                        <a th:href="${'/poetry/'+mingju.poetryId}" th:title="${mingju.authorName +'《'+ mingju.poetry+'》'}" th:text="${mingju.authorName +'《'+ mingju.poetry+'》'}"></a>
                    </div>
                </div>


            </div>
            <div class="col-sm-12 col-md-4 col-lg-4 col-xl-4">
                <div class="col-12 mt-20 pt-20 pb-20" style="background-color: #F0EFE2;border-radius: 5px;border: 1px solid #C8C7BC;">
                    <div class="col-12 ml-3" style="font-size: 18px;font-weight: 600;color:0F0F0F;line-height: 27px;">
                        <svg class="bi bi-star-fill" width="27px" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                        成语推荐
                    </div>
                    <div class="d-flex align-content-start flex-wrap ml-3 tag">
                        <a class="mt-3 ml-2" th:each="chengyu:${chengyuList}" th:href="${'/chengyu/' + chengyu.code}" th:text="${chengyu.chengyu}" th:alt="${chengyu.chengyu}"></a>
                        <a class="mt-3 ml-2" href="/chengyu" alt="更多">更多>></a>
                    </div>
                </div>
                <div class="col-12 mt-20 pt-20 pb-20" style="background-color: #F0EFE2;border-radius: 5px;border: 1px solid #C8C7BC;">
                    <div class="col-12 ml-3" style="font-size: 18px;font-weight: 600;color:0F0F0F;line-height: 27px;">
                        <svg class="bi bi-star-fill" width="27px" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                        诗词标签
                    </div>
                    <div class="d-flex align-content-start flex-wrap ml-3 tag">
                        <a class="mt-3 ml-2" th:each="tag:${tagList}" th:href="${'/poems?type=tag&filter=' + tag.tagName}" th:text="${tag.tagName}" th:alt="${tag.tagName}"></a>
                        <a class="mt-3 ml-2" href="/tags" alt="更多">更多>></a>
                    </div>
                </div>
                <div class="col-12 mt-20 pt-20 pb-20" style="background-color: #F0EFE2;border-radius: 5px;border: 1px solid #C8C7BC;">
                    <div class="col-12 ml-3" style="font-size: 18px;font-weight: 600;color:0F0F0F;line-height: 27px;">
                        <svg class="bi bi-star-fill" width="27px" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                            <path d="M3.612 15.443c-.386.198-.824-.149-.746-.592l.83-4.73L.173 6.765c-.329-.314-.158-.888.283-.95l4.898-.696L7.538.792c.197-.39.73-.39.927 0l2.184 4.327 4.898.696c.441.062.612.636.283.95l-3.523 3.356.83 4.73c.078.443-.36.79-.746.592L8 13.187l-4.389 2.256z"/>
                        </svg>
                        名句主题
                    </div>
                    <div class="d-flex align-content-start flex-wrap ml-3 tag">
                        <a class="mt-3 ml-2" th:each="theme:${themeList}" th:href="${'/mingju?theme=' + theme}" th:text="${theme}" th:alt="${theme}"></a>
                        <a class="mt-3 ml-2" href="/mingju" alt="更多">更多>></a>
                    </div>
                </div>
            </div>
        </div> <!-- row -->
    </div> <!-- container -->
</section>

<section id="links" class="pt-120 pb-130" style="background-color: #ffffff;">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section_title text-center pb-25">
                    <h4 class="title wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.2s">友情链接</h4>
                    <p class="wow fadeInUp" data-wow-duration="1.3s" data-wow-delay="0.4s"></p>
                </div> <!-- section title -->
            </div>
        </div> <!-- row -->
        <div class="row">
            <div class="col-lg-4 col-md-6">
                <div class="single_features text-center mt-60 wow fadeInUp" data-wow-duration="1.3s"
                     data-wow-delay="0.2s">
                    <img src="/assets/images/poetry.png" width="250px" height="103px" alt="古诗词文网">
                    <h4 class="features_title"><a style="color:#E84E4E;" href="https://poetry.prdiot.com" target="_blank">古诗词文网</a></h4>
                    <p>提供唐诗、宋词译注及赏析功能。</p>
                </div> <!-- single features -->
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single_features text-center mt-60 wow fadeInUp" data-wow-duration="1.3s"
                     data-wow-delay="0.3s">
                    <img src="/assets/images/dict.png" width="250px" height="103px" alt="汉语词典">
                    <h4 class="features_title"><a style="color:#E84E4E;" href="https://dict.prdiot.com" target="_blank">汉语词典</a></h4>
                    <p>随时随地查询，辅导不再难！</p>
                </div> <!-- single features -->
            </div>
            <div class="col-lg-4 col-md-6">
                <div class="single_features text-center mt-60 wow fadeInUp" data-wow-duration="1.3s"
                     data-wow-delay="0.3s">
                    <img src="https://www.prdiot.com/assets/images/logo-2.png" width="200px" height="60px" alt="济南鹏睿达信息技术有限公司" style="margin:21px 0px;">
                    <h4 class="features_title"><a style="color:#E84E4E;" href="https://www.prdiot.com" target="_blank">济南鹏睿达</a></h4>
                    <p>快速响应，高效交付！</p>
                </div> <!-- single features -->
            </div>

        </div> <!-- row -->
    </div> <!-- container -->
</section>


<!--====== FOOTER PART START ======-->

<footer id="footer" class="footer_area">
    <div class="container">
        <div class="footer_wrapper text-center d-lg-flex align-items-center justify-content-between">
            <p class="credit">&copy 2020 <a href="https://poetry.prdiot.com">古诗词文网</a> <a href="/mianze">免责声明</a></p>
            <div class="footer_social pt-15">
                <ul>
                    <li><a href="https://beian.miit.gov.cn" style="font-size:16px !important;">鲁ICP备2020037761号</a></li>
                </ul>
            </div> <!-- footer social -->
        </div> <!-- footer wrapper -->
    </div> <!-- container -->
</footer>

<!--====== FOOTER PART ENDS ======-->

<!--====== BACK TOP TOP PART START ======-->

<a href="#" class="back-to-top"><i class="lni lni-chevron-up"></i></a>

<!--====== BACK TOP TOP PART ENDS ======-->


<!--====== Bootstrap js ======-->
<script src="/assets/js/bootstrap.bundle-5.0.0.alpha-min.js"></script>

<!--====== glide js ======-->
<!--<script src="assets/js/glide.min.js"></script>-->

<!--====== wow js ======-->
<!--<script src="assets/js/wow.min.js"></script>-->

<!--====== Contact Form js ======-->
<!--<script src="assets/js/contact-form.js"></script>-->
<script src="/assets/js/jquery.min.js"></script>
<!--====== Main js ======-->
<script src="/assets/js/main.js"></script>
<script src="https://static.prdiot.com/js/tongji.poetry.baidu.js"></script>
</body>

</html>
